<!DOCTYPE html>
<html>
<style>
.wrapper {
  width: 200px;
  margin-left: 101.7px;
}

.content {
  background: rgba(255, 0, 0, 0.2);
  transform: translateZ(0);
  width: 100px;
}

.inner {
  background: rgba(0, 0, 255, 0.2);
  position: relative;
  left: -6.25px;   
}
</style>
<script>
if (window.testRunner)
	testRunner.dumpAsText();
</script>
<body>
<div id="description">This tests that LayoutGeometryMap and TransformState both avoid pixel snapping prior to applying translation-only transforms.
The test passes if it doesn't assert on Debug.</div>
<div class="wrapper">
    <div class="content">
        <div class="inner"></div>
    </div>
</div>
</body>
